<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:p="http://primefaces.org/ui"
                template="/template/plantilla.xhtml">
    <ui:define name="title"><h:outputText value="Sinetcom - Ingreso de Clientes"></h:outputText></ui:define>
    <ui:define name="menu"><ui:include src="/menu/menu.xhtml" /></ui:define>
    <ui:define name="content">
        <f:view contentType="text/html">
            <h:head/>

            <h:body>

                <h:form id="verSlaForm">
                    <p:dataTable id="dtSla" rowKey="#{slas.id}" var="slas" value="#{ingresoSlaBean.slas}" paginator="true" rows="15"
                                 selection="#{ingresoSlaBean.slaSeleccionado}" selectionMode="single" paginatorPosition="bottom"
                                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}">

                        <f:facet name="header">
                            <h:outputText value="Slas"/>
                        </f:facet>
                        
                        <p:ajax event="rowSelect" immediate="true" update="btnEliminar"></p:ajax>
                        <p:ajax event="rowUnselect" immediate="true" update="btnEliminar"></p:ajax>

                        <p:column headerText="Tiempo de Resp. Prioridad Alta" sortBy="#{slas.tiempoRespuestaPrioridadAlta}" filterBy="#{slas.tiempoRespuestaPrioridadAlta}">
                            <h:outputText value="#{slas.tiempoRespuestaPrioridadAlta} Horas"/>
                        </p:column>

                        <p:column headerText="Tiempo de Resp. Prioridad Media" sortBy="#{slas.tiempoRespuestaPrioridadMedia}" filterBy="#{slas.tiempoRespuestaPrioridadMedia}">
                            <h:outputText value="#{slas.tiempoRespuestaPrioridadMedia} Horas"/>
                        </p:column>

                        <p:column headerText="Tiempo de Resp. Prioridad Baja" sortBy="#{slas.tiempoRespuestaPrioridadBaja}" filterBy="#{slas.tiempoRespuestaPrioridadBaja}">
                            <h:outputText value="#{slas.tiempoRespuestaPrioridadBaja} Horas"/>
                        </p:column>

                        <p:column headerText="Tiempo de Solución" sortBy="#{slas.tiempoDeSolucion}" filterBy="#{slas.tiempoDeSolucion}">
                            <h:outputText value="#{slas.tiempoDeSolucion} Horas"/>
                        </p:column>
                        
                        <p:column headerText="Disponibilidad">
                            <h:outputText value="#{slas.tipoDisponibilidadid.disponibilidad}"></h:outputText>
                        </p:column>

                        <f:facet name="footer">
                            <p:commandButton id="btnCrear" value="Crear" type="button" onclick="PF('ingreso').show();"/>       
                            <p:commandButton id="btnEliminar" process="dtSla" value="Eliminar" action="#{ingresoSlaBean.eliminarSla()}" disabled="#{not(ingresoSlaBean.slaSeleccionado != null)}" update=":verSlaForm:dtSla"/>                       
                        </f:facet>
                    </p:dataTable>    
                </h:form>


                <p:dialog header="Insertar Contacto" widgetVar="ingreso" modal="true">
                    <h:form id="slaForm">
                        <h:panelGrid columns="2" columnClasses="colum" cellpadding="5">

                            <p:outputLabel for="slaTipoDisponibilidad" value="Tipo Disponibilidad:"/>
                            <p:selectOneMenu id="slaTipoDisponibilidad" value="#{ingresoSlaBean.numSla}" required="true">                    
                                <f:selectItem itemLabel="Selecione..." itemValue=""/>                    
                                <f:selectItems value="#{ingresoSlaBean.tiposDisponibilidad}" var="Disponibilidad" itemLabel="#{Disponibilidad.disponibilidad}" itemValue="#{Disponibilidad.id}"/>
                            </p:selectOneMenu>

                            <p:outputLabel for="slaTRPA" value="Tiempo de Respuesta Prioridad Alta (horas):"/>
                            <p:inputText id="slaTRPA" value="#{ingresoSlaBean.tiempoRespuestaPAlta}" required="true"/>

                            <p:outputLabel for="slaTRPM" value="Tiempo de Respuesta Prioridad Media (horas):"/>
                            <p:inputText id="slaTRPM" value="#{ingresoSlaBean.tiempoRespuestaPMedia}" required="true"/>

                            <p:outputLabel for="slaTRPB" value="Tiempo de Respuesta Prioridad Baja (horas):"/>
                            <p:inputText id="slaTRPB" value="#{ingresoSlaBean.timepoRespuestaPBaja}" required="true"/>

                            <p:outputLabel for="slaTEscalacion" value="Tiempo de Escalación (horas):"/>
                            <p:inputText id="slaTEscalacion" value="#{ingresoSlaBean.tiempoEscalacion}" required="true"/>

                            <p:outputLabel for="slaTAEscalacion" value="Tiempo de Actualizacion de Escalación (horas):"/>
                            <p:inputText id="slaTAEscalacion" value="#{ingresoSlaBean.tiempoActualizacionEscalacion}" required="true"/>

                            <p:outputLabel for="slaTREscalacion" value="Tiempo de Respuesta de Escalación (horas):"/>
                            <p:inputText id="slaTREscalacion" value="#{ingresoSlaBean.tiempoRespuestaEscalacion}" required="true"/>

                            <p:outputLabel for="slaTiempoSolucion" value="Tiempo de Solución (horas):"/>
                            <p:inputText id="slaTiempoSolucion" value="#{ingresoSlaBean.tiempoSolucion}" required="true"/> 

                            <p:commandButton id="btnGrabar" value="Grabar" action="#{ingresoSlaBean.crearSla()}" onstart="statusDialog.show();" oncomplete="if (args &amp;&amp; !args.validationFailed){ PF('ingreso').hide();} statusDialog.hide();" update=":verSlaForm:dtSla">
                                <f:ajax execute="@all" render="@form"/>
                            </p:commandButton>

                        </h:panelGrid>
                    </h:form>
                </p:dialog>    
            </h:body>
        </f:view>
    </ui:define>
</ui:composition>


